<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />
<title>msg demo</title>
<!-- 引入 msg.js -->
<script src="./msg.js"></script>
</head>
<body>

<h2>快速体验</h2>
<h4>弹出提示</h4>
<button onclick="msg.info('Hello Msg');">提示信息</button>
<button onclick="msg.success('操作成功');">成功提示</button>
<button onclick="msg.failure('操作失败');">失败提示</button>
<h4>加载中 提示</h4>
<button onclick="msg.loading('加载中');">加载中提示</button>
<button onclick="msg.close();">关闭提示</button>
<h4>弹出提示，提示消失时执行其他命令</h4>
<button onclick="msg.info('Hello Msg', function(){ alert(1); });">提示信息，消失时弹出alert</button>
<button onclick="msg.success('操作成功', function(){ alert(1); });">成功提示，消失时弹出alert</button>
<button onclick="msg.failure('操作失败', function(){ alert(1); });">失败提示，消失时弹出alert</button>

<div style="padding-top:50px;">
	<h3>快速使用</h3>
	<div>1. 引入js文件：
		<br/>&lt;script src="https://res.weiunity.com/msg/msg.js"&gt;&lt;/script&gt;
	</div>
	<div>2. 一句话调用： 
		<br/>msg.info('Hello Msg');
	</div>
	<style>
		#shili>div{float:left;}
		#shili>div>div{font-size:13px; text-align:center;}
		img{width:160px;}
	</style>
	<div id="shili">
		<div>
			<img src="https://res.weiunity.com/msg/images/info.png" />
			<div>msg.info('Hello Msg');</div>
		</div>
		<div>
			<img src="https://res.weiunity.com/msg/images/success.png" />
			<div>msg.success('操作成功');</div>
		</div>
		<div>
			<img src="https://res.weiunity.com/msg/images/failure.png" />
			<div>msg.failure('操作失败');</div>
		</div>
		<div>
			<img src="https://res.weiunity.com/msg/images/loading.gif" />
			<div>msg.loading('加载中');</div>
			<div>msg.close();  //关闭</div>
		</div>
	</div>
	<div style="clear: both;"></div>	
</div>
<div style="padding-top:50px; font-size:13px;color:gray;">
	信息提醒，不依赖任何乱七八糟框架及其他文件，导入 msg.js ，msg.info('Hello msg') 一句代码使用！
 	<br/>作者：管雷鸣
 	<br/>个人网站：<a href="http://www.guanleiming.com" target="_black">www.guanleiming.com</a>
 	<br/>个人微信: xnx3com
 	<br/>公司：潍坊雷鸣云网络科技有限公司
 	<br/>公司官网：<a href="http://www.leimingyun.com" target="_black">www.leimingyun.com</a>
</div>

</body>
</html>